<div class="wp-20" ui-view="container">
    <div ng-if="!noPermission">
        <div class="head_title">
            <span class="tit-color">CP概况</span>
        </div>
        <div class="searchWapper white-background">

            <div class="form-group searchLump">
                <div class="searchTitle" style="line-height:30px;">筛选：</div>
                <div class="search-select">
                    <input ims-select-range-time="rangeDate" style=" margin-left:20px ;"  placeholder="'统计时间段'">
                    <a class="down_icon pull-right" download ng-href="{{downHref}}">
                        <i class="iconfont icon-xiazai" aria-hidden="true"></i>
                    </a>
                </div>

            </div>
        </div>


        <div style="margin: 10px 0px; height: 300px;">
            <div style="height: 300px;width: 24%;background: #fff; float: left;padding:10px;">
                <div chart="cpLvView" style="height: 100%;width: 100%"></div>
            </div>
            <div style="height: 300px;width: 24%;background: #fff; margin-left: 1%;float: left;padding:10px;">
                <div chart="cpReviewView" style="height: 100%;width: 100%"></div>
            </div>
            <div style="height: 300px;width: 24%;background: #fff; float: left;padding:10px;margin-left: 1%">
                <div chart="cpStatusView" style="height: 100%;width: 100%;"></div>
            </div>
            <div style="height: 300px;width: 25%;background: #fff; margin-left: 1%;float: left;padding:10px;">
                <div chart="cpCoopTypeView" style="height: 100%;width: 100%;"></div>
            </div>
        </div>
        <!--<div style=" height: 300px;">-->
            <!--<div style="height: 300px;width: 50%;background: #fff; float: left;padding:10px;">-->
                <!--<div chart="cpStatusView" style="height: 100%;width: 100%;"></div>-->
            <!--</div>-->
            <!--<div style="height: 300px;width: 49%;background: #fff; margin-left: 1%;float: left;padding:10px;">-->
                <!--<div chart="cpCoopTypeView" style="height: 100%;width: 100%;"></div>-->
            <!--</div>-->
           <!---->
        <!--</div>-->
        <div class="white-background" style="margin:15px  0">

            <table class="table table-bordered table-hover table-page">

                <thead>
                <tr>
                    <th>日期</th>
                    <th>CP数量</th>
                    <th>LV1数量</th>
                    <th>LV2数量</th>
                    <th>LV3数量</th>
                    <th>认证-待审核</th>
                    <th>认证-未通过</th>
                    <th>认证-通过</th>
                    <th>功能-待启用</th>
                    <th>功能-禁用</th>
                    <th>功能-启用</th>
                    <th>已签约CP</th>
                    <th>未签约CP</th>

                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>总计</td>
                    <td>{{total.cpNum}}</td>
                    <td>{{total.lvOneNum}}</td>
                    <td>{{total.lvTwoNum}}</td>
                    <td>{{total.lvThreeNum}}</td>
                    <td>{{total.reviewWatingNum}}</td>
                    <td>{{total.reviewFailNum}}</td>
                    <td>{{total.reviewPassNum}}</td>
                    <td>{{total.statusNotEnableNum}}</td>
                    <td>{{total.statusForbidNum}}</td>
                    <td>{{total.statusEnableNum}}</td>
                    <td>{{total.coopTypeSignedNum}}</td>
                    <td>{{total.coopTypeNotSignedNum}}</td>
                </tr>
                <tr ng-repeat="item in list">

                    <td>
                        {{item.countTime}}
                    </td>
                    <td>
                        {{item.cpNum}}
                    </td>
                    <td>
                        {{item.lvOneNum}}
                    </td>
                    <td>
                        {{item.lvTwoNum}}
                    </td>
                    <td>
                        {{item.lvThreeNum}}
                    </td>
                    <td>
                        {{item.reviewWatingNum}}
                    </td>
                    <td>
                        {{item.reviewFailNum}}
                    </td>
                    <td>
                        {{item.reviewPassNum}}
                    </td>
                    <td>
                        {{item.statusNotEnableNum}}
                    </td>
                    <td>
                        {{item.statusForbidNum}}
                    </td>
                    <td>
                        {{item.statusEnableNum}}
                    </td>
                    <td>
                        {{item.coopTypeSignedNum}}
                    </td>
                    <td>
                        {{item.coopTypeNotSignedNum}}
                    </td>


                </tr>
                </tbody>
            </table>
        </div>

        <div class="panel-footer paging">
            <s-pagination conf="paginationConf"></s-pagination>
        </div>
    </div>


    <div ng-if="noPermission" ng-include="'templates/no-permission.html'">

    </div>

</div>
